<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">

    <title>游戏卡</title>
    <link rel="shortcut icon" href="{$Think.const.RESOURCE}img/favicon.ico">
    <link href="{$Think.const.RESOURCE}css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="{$Think.const.RESOURCE}css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="{$Think.const.RESOURCE}css/animate.css" rel="stylesheet">
    <link href="{$Think.const.RESOURCE}css/style.css?v=4.1.0" rel="stylesheet">
     <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="{$Think.const.RESOURCE}css/font.css">
    <link rel="stylesheet" href="{$Think.const.RESOURCE}css/xadmin.css">
    <link href="{$Think.const.RESOURCE}css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <script type="text/javascript" src="{$Think.const.RESOURCE}js/jquery.min.js"></script>
    <script type="text/javascript" src="{$Think.const.RESOURCE}lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="{$Think.const.RESOURCE}js/xadmin.js"></script>
    <style>
        :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            color: #b6b6b6; opacity:1;
        }

        ::-moz-placeholder { /* Mozilla Firefox 19+ */
            color: #b6b6b6;opacity:1;
        }

        input:-ms-input-placeholder{
            color: #b6b6b6;opacity:1;
        }

        input::-webkit-input-placeholder{
            color: #b6b6b6;opacity:1;
        }
    </style>
</head>

<body class="fixed-sidebar full-height-layout gray-bg">
<div class="row">
    <br>
    <div class="col-md-5">
        <form action="{:U('gamecard/getOneByCard_no')}" METHOD="get">
            <div class="input-group ">
                <input type="text" name="card_no" class="form-control" placeholder="请输入 游戏卡号">
                <span class="input-group-btn">
                    <button type="submit" class="btn btn-primary">搜索</button>
                </span>
            </div>
        </form>

    </div>
</div>

</div>
<div class="row">
    <br><br>
    <div class="col-md-12">
        <div class="tab-content">
            <div id="tab-1" class="tab-pane active">
                <div class="full-height-scroll">
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped table-hover ">
                            <thead>
                            <tr>
                                <th ></th>
                                <volist name="data" id="vo"  key="key" >
                                    <th ><span style="display: inline-block; min-width: 60px;"> {$vo['ZH']} </span></th>
                                </volist>
                            </tr>
                            </thead>
                            <script>
                                function openWin(num) {
                                    layer.open({
                                      type: 2,
                                      title: '游戏卡批次',
                                      shadeClose: true,
                                      shade: 0.8,
                                      maxmin: true,
                                      area: ['1400px', '80%'],
                                      content: '/gamecard/detail?card_group='+num //iframe的url
                                    }); 
                                }
                                 //冻结
                                function onedel_grounp(num){
                                    layer.confirm('您真的确定要冻结这张卡吗?', {
                                    btn : [ '确定', '取消' ]//按钮
                                    }, function(index) {
                                         $.get("/gamecard/onedgroup", {id:num},function (data) {
                                                  if  (data.code =='success') {  
                                                    layer.msg('冻结成功!',{icon:1,time:1000});
                                                    window.location.reload();
                                                  }else{  
                                                      layer.msg('冻结失败!',{icon:2,time:1000});
                                                  }
                                          });
                                    }); 
                                }
                                //解冻
                                function onenodel_grounp(num){
                                    layer.confirm('您真的确定要解冻这张卡吗?', {
                                    btn : [ '确定', '取消' ]//按钮
                                    }, function(index) {
                                        $.get("/gamecard/onenodgroup", {id:num},function (data) {
                                              if  (data.code =='success') {  
                                                layer.msg('解冻成功!',{icon:1,time:1000});
                                                window.location.reload();
                                              }else{  
                                                  layer.msg('解冻失败!',{icon:2,time:1000});
                                              }
                                        });  
                                    });  
                                }
                            </script>
                            <tbody>
                                <tr>
                                    <td class="contact-type" >
                                        <a onclick="openWin('{$data.card_group.value}')"  title="所在批次" class="contact-type">
                                            <i class="fa fa-navicon text-danger"></i>
                                        </a>&nbsp;&nbsp;
                                      <!--   <a onclick="dOne('{$data.id.value}')"  title="删除这个游戏卡" class="contact-type">
                                            <i class="fa fa-trash text-info"></i>
                                        </a> -->
                                    </td>

                                    <foreach name="data" item="v" key="k" >
                                        <td class="contact-type text-dark" style="border-left: 1px solid #DDDDDD;color: #2b2b2b;">
                                            {$v['value']}
                                        </td>
                                    </foreach>

                                </tr>

                            </tbody>
                        </table>

                    </div>
                    <a href="{:U('gamecard/index')}" class="btn ">返回</a>
                    <div class=" row text-center contact-type page_show">
                        <style>
                            .page_show{
                                width: 100%;
                                margin-top:30px;
                            }
                            .page_show a{
                                padding: 16px 22px;
                            }
                            .page_show a:hover{
                                background-color: #18a689;
                                border-radius: 30px;
                                color: #ffffff;
                            }
                            .page_show .current{
                                padding: 20px;
                            }
                        </style>
                        {$page_show}
                    </div>
                </div>
            </div>

        </div>

    </div>
</div>


<!-- 全局js -->
<script src="{$Think.const.RESOURCE}js/jquery.min.js?v=2.1.4"></script>
<script src="{$Think.const.RESOURCE}js/bootstrap.min.js?v=3.3.6"></script>
<script type="text/javascript" src="{$Think.const.RESOURCE}js/content.js"></script>
</body>

</html>